<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box{
				width: 1200px;
				margin: 0 auto;
				height: 350px;
				background-color: pink;
				display: flex;
			}
			.left-box{
				height: 350px;
				background-color: aquamarine;
				width: 300px;
			}
			.box-right{
				  height: 350px;
				  width: 900px;
				  background-color: wheat;	  
			}
			.box-right-top{
				height: 45px;
				background-color: aqua;
			}
			.box-right-bottom{
				height: 305px;
				background-color: azure;
				display: flex;
			}
			.box-right-bottom-left{
				width: 600px;
				height: 305px;
				background-color:red;
			}
			.box-right-bottom-right{
				width: 350px;
				height: 305px;
				background-color: blue;
			}
		</style>
	</head>
	<body>
		 <div class="box">
			 <div class="left-box">
				 
			 </div>
			 <div class="box-right">
				 <div class="box-right-top"></div>
				 <div class="box-right-bottom">
					 <div class="box-right-bottom-left"></div>
					 <div class="box-right-bottom-right"></div>
				 </div>
			 </div>
		 </div>
	</body>
</html>